body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, , form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin:0;
	padding:0
}

body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}

/* ======  clearfix  ====== */
.clear {
	clear:both;
	visibility:hidden;
	display:block;
	font-size:0;
	line-height:0;
}
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.clearfix {*zoom:1;}
li{ list-style:none;}

::selection {	color:#fff;	background-color:#054477;}
::-moz-selection {color:#fff;background-color:#054477;}
html {
	background-repeat:repeat;*overflow-x:hidden;	font-size:62.5%;
}
body {
	font-family: "微软雅黑","Microsoft YaHei",宋体, Arial, sans-serif;
	color:#333;
	line-height:1.8;
	font-size:15px;
}

a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#054477;
	text-decoration:none;
}
/* Common Class */
.float-left {
	float:left;
	display:inline;
}
.float-right {
	float:right;
	display:inline;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}
#wrapper {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background-color:#f0f2f1;
	position:relative;
}
.page-width {
	width:1200px;
	margin:0 auto;
}

/* 左右悬浮 */
.fixed-side {
	position:absolute;
	top:150px;
	z-index:10001;
}
.fixed-left {
	left:0;
}
.fixed-right {
	right:0;
	float:right;
}
.not-animated {
	opacity:0;
}
/* 返回顶部 */
.gotop {
	display:none;
}
.service-max {
	width:160px;
	position:relative;
}
.service-max .gotop {
	margin-top:5px;
	text-align:center;
	clear:both;
	width:160px;
}
.service-max .gotop a {
	display:block;
	line-height:34px;
	background-color:#6b7173;
	text-align:center;
	color:#fff;
	text-decoration:none;
}
.service-max .gotop a:hover {
	background-color:#464a4b;
	color:#fff;
	text-decoration:none;
}
.service-max .gotop a span {
	padding-left:30px;
	background:url(../img/icon-gotop.gif) no-repeat left center;
}
.service-min {
	display:none;
	width:46px;
	clear:both;
}
.service-min .service-title {
	height:auto;
	line-height:normal;
	border-bottom:none;
	background-color:transparent;
	padding:0 0;
}
.service-min .service-title a {
	display:block;
	padding:15px 13px;
	width:20px;
	background-color:#f90;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	text-decoration:none;
}
.service-min .service-title a:hover {
	background-color:#e58a00;
	color:#fff;
	text-decoration:none;
}
.service-min .service-title .service-title-icon {
	background-position:center 15px;
	padding-top:45px;
}
.service-min .gotop {
	margin-top:2px;
	clear:both;
}
.service-min .gotop a {
	display:block;
	width:46px;
	height:46px;
	overflow:hidden;
	background:#6b7173 url(icon-gotop.gif) no-repeat center;
	color:#fff;
	text-decoration:none;
}
.service-min .gotop a span {
	display:block;
	width:36px;
	height:36px;
	overflow:hidden;
	padding:6px 5px 4px;
	line-height:16px;
	text-align:center;
	font-size:13px;
	display:none;
	cursor:pointer;
}
.service-min .gotop a:hover {
	background-color:#464a4b;
	background-image:none;
}
.service-min .gotop a:hover span {
	display:block;
	color:#fff;
	text-decoration:none;
}
.fixed-left .service {
	float:left;
}
.fixed-left .service-inner {
	_float:left;
}
.fixed-right .service {
	float:right;
}
.fixed-right .service-inner {
	_float:right;
}
.fixed-right .service-min {
	float:right;
}

/*header*/
.header{ margin:0 auto; padding:0;width:100%;  background-color:#fff;}
.yding{ border-bottom:1px solid #ececec; background-color:#de000f;}
.container{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}

.yding em{ float:left; line-height:43px; font-size:13px; color:#fff;}
.yding ul{ float:right;}
.yding li{ float:left; line-height:43px; padding:0 13px; background:url(../images/htop_line.png) no-repeat left center;}
.yding li a{ font-size:13px; color:#fff;}
.yding li.noBg{ background:none;}
.yding span{float:right;background:url(../images/wx1.png) no-repeat center;width:23px;height:21px;margin-top: 11px;position: relative;z-index: 999;}
.yding span img{display:block;position:absolute;bottom: -152px;left: -107px;display:none;}
.yding span:hover img{ display:block;}

.ytop{padding: 20px 0;position: relative; background:#054477;}
.ytop .logo{ float:left; position:relative;}
.ytop .logo dl{ overflow:hidden;}
.ytop .logo dt{ float:left;}
.ytop .logo dt img{ display:block;}
.ytop .logo dt h1{width: 173px;height:69px;text-indent: -999em;}
.ytop .logo dt h1 a{width: 173px;height:69px;display: block;}
.ytop .logo dd{padding-left:15px;height:69px; float:left;}
.ytop .logo dd h2{font-size:25px;color:#3b3b3b;margin-bottom: 5px;}
.ytop .logo dd p{font-size:15px;color:#3b3b3b;font-weight: inherit; line-height:46px;}
.ytop .phone{padding-right: 70px;background:url(../image/tel.jpg) no-repeat right center;float:right; margin-top:10px;}
.ytop .phone p{ font-size:24px; color:#3b3b3b; line-height:25px; text-align:right;}
.ytop .phone b{font-size:16px;color: #034091; line-height:25px; font-weight:normal; text-align:right;}



.phone .search{ float:left;width: 100%;background-color: #fff; border:1px solid #e3e3e3;}
.phone .search .input{ float:left;width: 300px;height:40px;line-height:40px;padding:0 20px;font-size:14px;color:#666;background:none;outline:none;border:none;}
.phone .search .btn{float:right; width:60px; height:40px; background:url(../images/ss1.png) no-repeat center center #e39f14; border:0;}

.grop { position: relative; z-index: 500; }
.top { padding: 5px 0px; }
.logo { float: left; display: none; width: 74px; }
.logo img { width: 100%; display: block; }
.f12{ margin:0 auto; padding:0; font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#666; text-align:left; text-decoration:none; line-height:30px;}

.navbox { margin:0 auto; padding:0; width:100%; height:87px; background:#054477; border-bottom:3px solid #eeae0e; }
.navboxmain { margin:0 auto; padding:8px 0; width:100%; max-width:1200px; height:70px;}

.navbox1 { margin:0 auto; padding:0; width:100px; height:70px; float:left; text-align:center; background:url(../image/bg.png) no-repeat top center; }
.navbox3 { margin:0 auto; padding:0; width:80px; height:70px; float:right; }
.navbox4 { margin:0 auto; padding:0; width:40px; height:28px; float:right; margin-left:10px; margin-top:16px; border:1px solid #fff; font-size:12px;color:#fff; text-align:center; text-decoration:none; line-height:30px; }
.navbox4 a{ margin:0 auto; padding:0; width:40px; display:block; height:28px; font-size:12px;color:#fff; text-align:center; text-decoration:none; line-height:30px; }
.navbox4 a:hover{ background:#e6a016;}

.search1{ float:left;width: 100%;}

.header-button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
  display: block;
  width: 70px;
  height: 70px;
  margin: 0;
  padding: 0;
  background: url(../image/search1.png);
  border: none;
  cursor: pointer;
}

#toggle-menu {
  float: left;
  background-position: 0 0;
  background-color: #bc0023;
}

#toggle-search {
  float: right;
}
#toggle-search.open:after {
  top: 10px;
}
#toggle-search:after {
  -moz-transition: top, 0.5s;
  -o-transition: top, 0.5s;
  -webkit-transition: top, 0.5s;
  transition: top, 0.5s;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -8px;
}

#toggle-basket {
  position: relative;
  float: right;
  background-position: -120px 0;
}
#toggle-basket:before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 2px;
  height: 50px;
  content: "";
  background-color: #000;
}

#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top: 10px;
  width: 400px;
  max-height: 0;
  overflow: hidden;
  background-color: #054477; z-index:99999999; color:#fff;
}
#search-form.open {
  max-height: 60px;
}
#search-form fieldset {
  position: relative;
  margin: 0 60px 0 0;
  padding: 0;
  border: none;color:#fff;
}
#search-form input::-webkit-input-placeholder {color: #fff;}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 60px; color:#fff;
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background: transparent;
  border: none;color:#fff;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  background: #231815;
  border: none;
  cursor: pointer;
}


.navbox2 { margin:0 auto; padding:0; width:860px; height:70px; float:right;}
.nav{width:100%;}
.nav ul{width:100%;height:70px;margin:0 auto;}
.nav li{list-style:none;width:90px;height:70px;float:left;position:relative;}
.nav li .a{display:block;height:50px;line-height:64px;color:#fff;text-align:center;text-decoration:none;font-family:"微软雅黑";font-size:14px;}

.nav a:link, .nav a:visited { color: #fff;  }
.nav a:active, .nav a:hover { color: #666; }
.nav a:hover, .nav a.act { display: block; color: #fff; }
.nav li:hover {  color:#e6a016; }

.xmzs0{width:1200px;height:auto;background:url(../images/lu1.png) repeat-x top center;display:none;position:absolute;left:-570px;top:54px;padding:20px;}
.xmzs0 .cpmain{ margin:0 auto; padding:0; width:100%; height:auto;}

.xmzs0 .cp{ margin:0 auto; padding:0; width:11.5%; height:auto; float:left; padding:0.5%;}
.xmzs0 .cp .cp1{ margin:0 auto; padding:0; width:100%; height:auto; float:left;}
.xmzs0 .cp .cp2{ margin:0 auto; padding:0; width:100%; height:30px; float:left; padding-bottom:12px; padding-top:12px; border-bottom:1px solid #fff;font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#e6a016; text-align:left; text-decoration:none; line-height:20px;}
.xmzs0 .cp .cp2 a{ font-family:"微软雅黑","宋体",Arial; font-size:14px;color:#fff; text-align:left; text-decoration:none; line-height:30px;}
.xmzs0 .cp .cp2 a:hover{ color:#fff; text-align:left; text-decoration: underline; line-height:30px;}
.xmzs0 .cp .cp3{ margin:0 auto; padding:0; width:100%; height:auto; float:left; padding-bottom:12px; padding-top:12px;}
.xmzs0 .cp .cp3 ul{ margin:0; padding:0; width:100%;height:auto; list-style:none;}
.xmzs0 .cp .cp3 ul li{ margin:0; padding:0; width:100%; display:block;float:left;height:auto; height:auto;  color:#fff;font-family:"微软雅黑","宋体"; font-size:12px;  text-align:left; text-decoration:none; line-height:25px; font-weight: normal;}
.xmzs0 .cp .cp3 ul li a{ margin:0; padding:0; width:100%; display:block; border-bottom:1px dashed #fff; height:auto; color:#fff;font-family:"微软雅黑","宋体"; font-size:12px;  text-align:left; text-decoration:none; line-height:25px; font-weight: normal;}
.xmzs0 .cp .cp3 ul li a:hover{ color:#fff; border-bottom:1px dashed #fff; background:#e6a016;  }

.xmzs01{width:136px;height:auto;background: url(../images/lu.png) no-repeat top center;display:none;position:absolute;left:-30px;top:54px;padding:30px 20px 20px 20px;}
.xm1 h3{font-size:14px;font-family:"微软雅黑";color:#FFF;line-height:36px;}
.xm1 span{font-size:12px;font-family:"微软雅黑";color:#FFF;}
.xm1{float:left;display:inline;}

.xmzs01 .mm1{ width:100%; height:auto; margin:0; padding:0;}
.xmzs01 .mm2{ width:100%; height:auto; margin:0; padding:0;background:#e6a016; }
.xmzs01 .mm2 ul{ margin:0; padding:0; width:100%;height:auto; list-style:none;}
.xmzs01 .mm2 ul li{ margin:0; padding:0; width:100%; display:block;float:left;height:auto;}
.xmzs01 .mm2 ul li a{ margin:0; padding:0; width:100%; display:block; border-bottom:1px dashed #fff; height:30px;color:#fff;font-family:"微软雅黑","宋体"; font-size:14px;  text-align:center; text-decoration:none; line-height:30px; font-weight: normal;}
.xmzs01 .mm2 ul li a:hover{ color:#fff; border-bottom:1px dashed #fff; background:#f3b843;  }


/* ============================= 响应式 CSS ============================= */
.desktops-section {
	display:block;
}
.mobile-section {
	display:none;
}
.touch-top-wrapper {
	padding:10px 15px;
	background-color:#2a2d37;
	color:#fff;
}
.touch-logo {
	float:left;
}
.touch-navigation {
	display:none;
}
.touch-toggle-wrapper {
	margin:0 -10px;
}
.touch-toggle {
	position:absolute;
	right:10px;
	top:0;
}
.touch-toggle li {
	float:left;
	height:70px;
	padding:0 12px;
	text-align:center;
}
.touch-toggle li a {
	height:70px;
}
.touch-toggle li:hover, .touch-toggle li:active {
}
.touch-toggle .touch-toggle-item-first {
	border-left:none;
}
.touch-toggle .touch-toggle-item-last {
	border-right:none;
}
.touch-toggle li a {
	display:block;
	font-size:12px;
}
.touch-toggle li i {
	display:inline-block;
	width:32px;
	height:32px;
	overflow:hidden;
	margin-top:20px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
.touch-toggle .touch-icon-language {
	background-image:url(../images/touch-icon-language.png);
}
.touch-toggle .touch-icon-user {
	background-image:url(../images/touch-icon-user.png);
}
.touch-toggle .touch-icon-search {
	background-image:url(../images/touch-icon-search.png);
}
.touch-toggle .touch-icon-menu {
	background-image:url(../images/touch-icon-menu.png);
}
.touch-toggle li span {
	display:none;
	text-align:center;
}
.drawer-section {
	background-color:#272a33;
	padding:20px 20px 35px;
	display:none;
}
.touch-language li {
	width:49.9%;
	float:left;
}
.touch-language li a {
	display:block;
	margin-bottom:10px;
	padding:5px 0 5px 5px;
	color:#fff;
}
.touch-language li a:hover, .touch-language li a:active {
	background-color:#21232b;
}
.touch-search {
	border:1px solid #3a3f4d;
	position:relative;
}
.touch-search-form {
	padding:0 50px 0 10px;
}
.touch-form-text {
	border:none;
	margin:0;
	background-color:transparent;
	padding:0;
	color:#999;
	width:100%;
	height:42px;
	line-height:42px;
}
.touch-form-btn {
	border:none;
	padding:0;
	margin:0;
	background-color:transparent;
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:42px;
	height:42px;
	overflow:hidden;
	cursor:pointer;
	background:url(../images/touch-icon-search.png) no-repeat center;
	background-size:16px 16px;
}
.touch-form-btn span {
	display:none;
}
.touch-menu ul li {
	border-bottom:1px solid #3a3f4d;
	position:relative;
}
.touch-menu ul li a {
	color:#fff;
	display:block;
	font-size:18px;
	height:48px;
	line-height:48px;
	padding-left:10px;
}
.touch-menu ul li a:hover, .touch-menu ul li a:active {
	background-color:#21232b;
}
.touch-menu ul li i {
	position:absolute;
	top:19px;
	right:5px;
	display:block;
	width:13px;
	height:13px;
	overflow:hidden;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.touch-menu ul li i.touch-arrow-right {
	display:none;
	background-image:url(../images/touch-arrow-r.png);
}
.touch-menu ul li i.touch-arrow-down {
	background-image:url(../images/touch-arrow-d.png);
}
.touch-menu ul li i.touch-arrow-up {
	background-image:url(../images/touch-arrow-u.png);
}
.touch-menu ul ul {
	display:none;
	margin:0;
	padding:0 10px 30px 30px;
}
.touch-menu ul ul li {
	border-bottom:none;
	margin:0;
	padding:0;
}
.touch-menu ul ul li a {
	padding:0;
	padding-left:5px;
	font-size:16px;
	height:38px;
	line-height:38px;
}
.touch-menu ul ul li i {
	top:13px;
}




/*seach*/
.seach{position:relative;z-index: 59;background:#054477;}
.seach .container{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
.seach .gjc{float:left;width: 66%;height:56px;line-height:56px;padding: 0 2%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.seach .gjc span{ font-size:14px; color:#f4f4f4; font-weight:bold;}
.seach .gjc a{font-size:12px;color:#f4f4f4;padding:0 5px;}
.seach .gjc a:hover{ text-decoration:underline; color:#ccc;}
.seach .sc{float:left;width: 30%;background-color: #217fc4;}
.seach .sc input{float:left;width: 76%;height:56px;line-height:56px;padding:0 2%;font-size:14px;color:#f4f4f4;background:none;outline:none;border:none;text-indent: 10px;}
.seach .sc a{ float:right; width:20%; height:56px; background:url(../images/ss.png) no-repeat center;}



.search { width:30%; position: relative; float:left; background-color: #217fc4;height:56px;}
.search input[type=text] { width:80%; opacity:1;   outline: none; border:0; background:none; line-height: 56px; color: #fff; font-size: 14px;  transition:455ms ease-in-out;}

.search .search-txt{ padding-left:10px;}
.search .search-btn{ padding-right:10px; padding-top:10px;}

/* 多列图文 */
/* default marg-per3 margin right 3% */

.module-full-screen-title { margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;
	margin-bottom:40px;
	text-align:center;
}
.module-full-screen-title > h3 {
	margin-bottom:13px;margin-top:13px;
	line-height:normal;
	font-weight:normal;
	color:#999;
	font-size:12px;
}
.module-full-screen-title > .module-title-content > h2 {
	display:inline-block;
*display:inline;
*zoom:1;
	margin:0 40px;
	line-height:normal;
	font-weight:normal;
	color:#4d4d4d;
	font-size:30px;
	font-size:2.4rem;
}
.module-full-screen-title > .module-title-content > i {
	display:inline-block;
*display:inline;
*zoom:1;
	position:relative;
	top:-5px;
	width:110px;
	height:1px;
	overflow:hidden;
	background-color:#ccc;
}

.product-list1 { margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;
	min-height:20px;
}
.product-list1 li { margin:0 auto; padding:0; width:23%; margin:1%; float:left;
	text-align:center;
}


.product-list { margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;
	min-height:20px;
}
.product-list li { margin:0 auto; padding:0; width:31%; margin:1%; float:left;
	text-align:center;
}

.portfolio-img {
	margin-bottom:10px; border:1px solid #f3f3f3;
	overflow:hidden;
}
.portfolio-img a {
	position:relative;
}
.portfolio-img a, .portfolio-img img {
	width:100%;
	display:block;
	overflow:hidden;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.portfolio-img .opacity-overlay {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	cursor:pointer;
	background-color:#000;
	opacity:0;
	filter:alpha(opacity=0);
_height:expression( (this.parentElement.clientHeight) +'px');
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}

.portfolio-img a:hover .opacity-overlay {
	filter:alpha(opacity=70);
	opacity:0.7;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}
.portfolio-img a:hover img {
	transform: scale(1.2, 1.2) rotate(10deg);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.portfolio-item:hover img, .product-item:hover img, .scrollable-item:hover img {
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}


.portfolio-wenzi { margin:0 auto; padding:0; width:100%; height:40px;	margin-bottom:10px; background:#054477; color:#fff; line-height:40px;
}


.product-item {
	position:relative;
}
.product-item .portfolio-img {
	background-color:#f2f2f2;
	overflow:hidden;
	position:relative;
	margin-bottom:0;
}
.product-item .portfolio-text {
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:20;
	text-align:center;
	width:100%;
	height:100%; line-height:18px;
	color:#fff;
}
.product-item .portfolio-text h2 {
	margin:40px 20px 20px;
	line-height:normal;
	font-size:18px;
	font-size:1.8rem;
	font-weight:normal;
}
.product-item .portfolio-text .icon-detail {
	display:inline-block;
*display:inline;
*zoom:1;
	width:41px;
	height:41px;
	background:url(../images/icon-detail.gif) no-repeat center;
	-webkit-transition:-webkit-transform 0.5s ease-out;
	-moz-transition:-moz-transform 0.5s ease-out;
	transition:transform 0.5s ease-out;
}
.product-item .portfolio-text .icon-detail span {
	display:none;
}

.product-item a:hover .portfolio-text {
	display:block;
}
.product-item .portfolio-text:hover .icon-detail {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
}
.product-item .opacity-overlay {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	cursor:pointer;
	background-color:#217fc4;
	opacity:0;
	filter:alpha(opacity=0);
_height:expression( (this.parentElement.clientHeight) +'px');
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}
.product-item a:hover .opacity-overlay {
	filter:alpha(opacity=90);
	opacity:0.9;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}


/*newcon*/
.indexpro{ margin:0 auto; padding:20px 0; width:100%; height:auto; background:#f6f6f6; }
.indexpro .title{ margin:0 auto; padding:0; width:100%; height:auto;line-height: 40px; color: #000; font-size: 24px; text-align:center; }
.indexpro .titleen{ margin:0 auto; padding:0; width:100%; height:auto;line-height: 20px; color: #888; font-size:16px; text-align:center; }

.indexpro .pro{ margin:0 auto; padding:20px 0; width:100%; height:auto; max-width:1200px;}

.indexpro .more{ margin:0 auto; padding:0; width:140px; height:40px; background:#666666; display:block; margin-top:20px; }
.indexpro .more a{ margin:0 auto; padding:0; width:140px; height:40px; display:block; background:url(../image/10.png) no-repeat center center #666666;transition: 0.5s; -webkit-transition: 0.5s;}
.indexpro .more a:hover{margin:0 auto; padding:0; width:140px; height:40px; display:block;background:url(../image/10.png) no-repeat center right #c43038;-webkit-transition: 0.5s;}


#indexpro1{ margin:0 auto; padding:30px 0; width:100%; height:auto; background:#f3f3f3;}

.friend{height:413px;margin:0 auto;overflow:hidden;width:1300px;}
.mr_frbox{height:407px;padding:24px 0 0;}
.mr_frBtnL{cursor:pointer;display:inline;float:left;height:46px;margin:160px 10px 0 0;width:28px;}
.mr_frUl{float:left;height:202px;width:1047px;margin-left:10px;}
.mr_frBtnR{float:right;margin-top:160px;cursor:pointer;width:28px;height:46px;}
.mr_frUl ul li{display:inline;float:left;/*height:389px;*/width:300px;overflow:hidden;position:relative;}
.mr_frUl ul li a img{/*display:block;*/width:100%;}
.mr_zhe{width:300px;position:absolute;top:0;background:rgba(142, 142, 142, 0.65) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/filter:Alpha(opacity=80);background:#4ea4b5;/*实现IE背景透明*//*height:389px;*/left:0;right:0;}
.mr_zhe_i h1{text-align:center;font-size:182px;height:138px;line-height:138px;margin-top:72px;margin-bottom:64px;font-weight:bold;color:#fff;}
.mr_zhe_p{margin-bottom:60px;}
.mr_zhe_p h3{ margin:0 auto; padding:0; width:92%;text-align:center;font-size:12px;font-weight:bold;color:#fff;line-height:30px;}
.mr_zhe_p h3 span{display:block;margin:0 auto;width:260px;font-size:18px;border-bottom:1px solid #f4f4f4;}
.mr_zhe_hover{bottom:-596px;height:200px;position:absolute;width:300px;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/filter:Alpha(opacity=80);background:#0a0a0a;/*实现IE背景透明*/}
.mr_zhe_hover h1{text-align:center;height:40px;line-height:40px;margin:22px 0;color:#fff;}


#indexpro2{ margin:0 auto; padding:50px 0; width:100%; height:auto; background: url(../image/bg1.jpg) no-repeat top center #054477;}
#indexpro2 .t1{ margin:0 auto; padding:0; width:100%; height:auto;font-size:34px;color:#fff; font-weight: normal; text-align:center; text-decoration:none; line-height:45px;}
#indexpro2 .t2{ margin:0 auto; padding:0; padding-top:30px; width:100%; height:auto;font-size:24px;color:#fff; font-weight: normal; text-align:center; text-decoration:none; line-height:30px;}
#indexpro2 .t3{ margin:0 auto; padding:0; width:100%; height:auto;font-size:14px;color:#fff; font-weight: normal; text-align:center; text-decoration:none; line-height:30px;}



#newcon{ margin:0 auto; padding:30px 0; width:100%; height:auto; background:#fff; }
#newconmain{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px;}
#newcon1{ margin:0 auto; padding:0; width:100%; height:auto;font-size:24px;color:#000; font-weight: normal; text-align:center; text-decoration:none; line-height:40px; }
#newcon2{ margin:0 auto; padding:0; width:100px; height:2px; background:#29a7e2;}
#newcon3{ margin:0 auto; padding:0; width:100%; height:auto;font-size:12px;color:#666; font-weight: normal; text-align:center; text-decoration:none; line-height:30px; }
#newcon3 a{ font-size:12px;color:#666; font-weight: normal; text-align:center; text-decoration:none; line-height:30px; }
#newcon3 a:hover{ font-size:12px;color:#000; }
#newcon4{ margin:0 auto; padding:20px 0; width:100%; height:auto;}
#newcon4 ul{margin:0 auto; padding:0; width:100%; height:auto; }

#newcon4 ul li{ margin:0; padding:0; width:17%; height:auto; margin-left:1%; margin-right:1%; float:left;border:1px solid #f3f3f3;text-align:center;}
#newcon4 ul li.img{ margin:0; padding:0; width:100; height:auto;float:left;}
#newcon4 ul li img{ max-width:100%; height:auto;}
#newcon4 ul li.txt{ margin:0; padding:0; width:100; height:auto;float:left;border-top:1px solid #f3f3f3;font-family: '微软雅黑',宋体;font-size:14px;color:#29B8C0; font-weight: normal; text-align:center; text-decoration:none; line-height:40px;}
#newcon4 ul li.txt a{ margin:0; padding:0;display:block; width:100%;   height:auto; font-family: '微软雅黑',宋体;font-size:14px;color:#666; font-weight: normal; text-align:center; text-decoration:none; line-height:40px; }
#newcon4 ul li.txt a:hover{ font-family: '微软雅黑',宋体;color:#fff; text-decoration:underline; background:#29B8C0; }
#newcon4 ul li a{ margin:0; padding:0;display:block; width:100%;   height:auto; font-family: '微软雅黑',宋体;font-size:14px;color:#666; font-weight: normal; text-align:center; text-decoration:none; line-height:40px; }
#newcon4 ul li a:hover{ font-family: '微软雅黑',宋体;color:#fff; text-decoration:none; background:#29B8C0; }
/*fuwu*/

#indexservice{ margin:0 auto; padding:0; width:100%; height:auto; background:#054477;}
#indexservicemain{ margin:0 auto; padding:20px 0; width:100%; height:auto; max-width:1200px;}


#about{ margin:0 auto; padding:30px 0; width:100%; height:auto;}


.about1{ margin:0 auto; padding:0; width:23%; height:auto; float:left; margin:1%;}

.section-title {
    margin-bottom: 30px
}
.section-title h3 {
  color: #333;
  font-size: 35px;
  margin: 0;
  text-transform: capitalize;
  position: relative;
  padding: 0 0 20px;
}
.section-title h3:after {
  position: absolute;
  content: "";
  display: block;
  height: 2px;
  width: 70px;
  background: #333;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: -6px;
}
.section-title span {
  color: #1c9e3a;
}
.section-title span.line {
  height: 10px;
  width: 10px;
  background: #333;
  display: block;
  margin: 0 auto;
  border-radius: 30px;
}
.section-title p {
  margin-top: 25px;
}
.section-title.section-title-left span.line {
	margin: 0 30px;
}
.section-title.section-title-left h3:after {
	margin: 0;
}

.about11{ width:33%; margin:0; float:left;}

.single-about-icon {
  position: relative;
}
.single-about-icon img {
  display: inline-block;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.single-about:hover .single-about-icon img {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.single-about h5 {
	margin: 22px 0 0 0; font-size:20px;
	text-transform: uppercase;
}

.single-about span { font-size:12px; color:#fff; line-height:25px; padding:10px 0;}

.proindex{ margin:0 auto; padding:30px 0; width:100%; height:auto; background:url(../image/c1.jpg) no-repeat top center;}


/* list */
.list{width:100%;margin:0 auto 0 auto; min-height:160px;}
.list li{width:22%;height:100px;float:left;border-radius:50%;position:relative;margin:0 1%;position:relative;cursor:pointer;-webkit-transition:.4s all;-moz-transition:.4s all;-ms-transition:.4s all;transition:.4s all;}
.list li a{display:block;width:100%;height:100%;}
.list li .cycle_mark{position:absolute;left:0;top:0;z-index:2;}
.list li .ico{ margin:0 auto;width:100px;height:100px;background:url(../image/d.png);border-radius:50%;z-index:1;-webkit-transition:.4s all;-moz-transition:.4s all;-ms-transition:.4s all;transition:.4s all;}
.list li ._1{background-position:0px 0px;}
.list li ._2{background-position:-100px 0px;}
.list li ._3{background-position:-200px 0px;}
.list li ._4{background-position:-300px 0px;}
.list li ._5{background-position:-400px 0px;}

.list li p{width:100%;position:absolute;left:0;top:116px;text-align:center;}
.list li p span{font-size:16px;color:#fff;display:block;font-weight:bold;}
.list li p strong{font-size:12px;color:#f00;display:block;}

.list li.on{}
.list li.on .ico{ -webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}


.protitle1{ margin:0 auto; padding:0; width:100%; height:auto;font-size:30px; color:#009946; line-height:40px; text-align:center; text-decoration:none; font-weight:bold;}
.protitle2{ margin:0 auto; padding:0; width:100%; height:auto;font-size:16px; color:#666; line-height:20px; text-align:center; text-decoration:none;}



/*fangan*/
#indexyinyong1{margin:0 auto; padding:0; width:100%; height:auto; margin-top:30px; max-width:1200px;font-size:30px; color:#000; line-height:40px; text-align:center; text-decoration:none; }
#indexyinyong2{margin:0 auto; padding:0; width:100%; height:auto; margin-top:10px; max-width:800px;font-size:13px; color:#888; line-height:20px; text-align:center; text-decoration:none;}

#indexyinyong3{margin:0 auto; padding:0; width:100%; height:auto; margin-top:10px; max-width:1200px;}
/* carousel */
.carousel{background:#fff;margin:0px auto;padding:30px 0px 0px;width:1200px;height:460px;overflow:hidden;position:relative;}
.carousel .slides{margin:0px auto 30px;overflow:hidden;position:relative;}
.carousel .slides .slideItem{padding:0px;overflow:hidden;position:absolute;cursor:pointer;opacity:1 !important;}
.carousel .slides .slideItem a{overflow:hidden;display:block;}
.carousel .slides .slideItem img{width:100%;height:100%;}
.carousel .slides .slideItem .cover{left:0px;top:0px;width:100% !important;height:334px !important;display:block;position:absolute;}
.prevButton{background:url("../images/btn.png") no-repeat 0px 0px;top:176px;width:38px;height:38px;display:block;position:absolute;z-index:99;cursor:pointer;}
.nextButton{background:url("../images/btn.png") no-repeat 0px 0px;top:176px;width:38px;height:38px;display:block;position:absolute;z-index:99;cursor:pointer;}
.prevButton{left:12px;}
.nextButton{background-position:0px -40px;right:12px;}




/*solution*/
#indexsolution{ margin:0 auto; padding:0; width:100%; height:auto; background:#f4f5f7;}
#indexsolutionmain{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; }





/*解决方案*/
#indexfangan{ margin:0 auto; padding:0; width:100%; height:40px; background:url(../image/di.png) no-repeat top center; font-size:18px; color:#fff; line-height:40px; text-align:center; }


.ixpro li {
    width: 25%;
    float: left;
}

.ixproList a {
    display: block;
    margin: 0 10px;
}

    .ixproList a:link,
    .ixproList a:visited {
        color: #fff;
    }

.ixproList .con {
    position: relative;
}

.ixproList .cover {
    background: url(../images/black.png);
    background: rgba(0,0,0,.4);
    opacity: 0;
    display: none\9;
}

.ixproList .txts {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 20px 35px 0 35px;
}

    .ixproList .txts .line {
        width: 0;
        height: 2px;
        background: #fff;
        margin-bottom: 20px;
        transition: 400ms;
        -webkit-transition: 400ms;
    }

    .ixproList .txts .txx {
        opacity: 0;
        display: none\9;
        transition: 400ms;
        -webkit-transition: 400ms;
    }

    .ixproList .txts .ti {
        transform: translateX(-60px);
        -webkit-transform: translateX(-60px);
    }

    .ixproList .txts .tx1 {
        font-size: 24px;
        margin-bottom: 5px;
        transition-delay: 100ms;
        -webkit-transition-delay: 100ms;
    }

    .ixproList .txts .tx2 {
        font-size: 14px;
        transition-delay: 200ms;
        -webkit-transition-delay: 200ms;
    }

    .ixproList .txts .aen {
        position: absolute;
        left: 35px;
        bottom: 45px;
        font-size: 20px;
        font-family: 'MyriadPro-SemiCn';
        letter-spacing: -1px;
        transform: translateY(-60px);
        -webkit-transform: translateY(-60px);
        transition-delay: 300ms;
        -webkit-transition-delay: 300ms;
    }

.ixproList a:hover .cover {
    opacity: 1;
    display: block\9;
}

.ixproList a:hover .txts .line {
    width: 100%;
}

.ixproList a:hover .txts .txx {
    transform: translate(0);
    -webkit-transform: translate(0);
    opacity: 1;
    display: block\9;
}


.ixprob {
    position: relative; margin:0 auto; padding:0;
    margin-top: 50px; width:100%; height:auto; max-width:1200px;
}

.ix-pro-arrow {
    font-size: 0;
    width: 58px;
    height: 58px;
    position: absolute;
    top: 50%;
    margin-top: -29px;
    background-color: #25b7b4;
    z-index: 99;
    cursor: pointer;
    transition: 400ms;
    -webkit-transition: 400ms;
    opacity: 0;
    display: none\9;
}

.ix-pro-prev {
    left: 0;
    transform: translateX(100px);
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
}

.ix-pro-next {
    right: 0;
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
}

.ix-pro-prev .ico {
    background-image: url(../images/rr-ixproprev.png);
}

.ix-pro-next .ico {
    background-image: url(../images/rr-ixpronext.png);
}

.ix-pro-arrow.show {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    opacity: 1;
    display: block\9;
}

.ixTitle2 .ixt .ch {
    letter-spacing: 15px;
}

.ixTitle2 .ixt .en1 {
    letter-spacing: 0;
}

.ixTitle2 .ixt {
    width: 230px;
}
.pic{
	display:block;
	width:100%;
	overflow:hidden;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
	}
.pic1{
	display:block;
	width:100%; height:40px;
	position:relative; text-align:center; color:#666; background:#f3f3f3; line-height:40px;
	}
.pic img{
	display:block;
	width:100%;
	transition:600ms;
	-webkit-transition:600ms;
	}
.scapic:hover img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	}
.ctx{
	text-align:center;
	}
.jtx{
	text-align:justify;
	} 
.tx{ 
	text-align:justify;
	overflow:hidden;
	line-height:25px !important;
	}
.freeTx{
	text-align:justify;
	}
.freeTx img{ 
	display:block;
	margin:0 auto; 
	max-width:100%;
	height:auto !important;
	}
.nowti{
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden; 
	line-height:1.1;
	}
.ti,.name,.tii,.ch{
	line-height:1.4;
	}
.en{
	line-height:1.1;
	}
.aen{
	text-transform:uppercase;
	line-height:1.1;
	}
.cen{
	text-transform:capitalize;
	line-height:1.1;
	}
.ico,.aw{
	width:100%;
	height:100%;
	display:block;
	background-repeat:no-repeat;
	background-position:center center;
	transition:300ms;
	-webkit-transition:300ms;
	position:relative;
	}
.cover,.bg{
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	transition:600ms;
	-webkit-transition:600ms;
	}
.bg{
	transition:300ms;
	-webkit-transition:300ms;
	}
.line{
	display:block;
	}
.fixbg{
	width:100%;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
	background-attachment:fixed;
	-webkit-background-attachment:fixed;
	background-attachment:scroll\9;
	position: relative;
	}

.kong{ margin:0 auto; padding:0; width:100%; height:40px;}


.indexfuwu{ margin:0 auto; padding:0; width:100%; height:auto; background:#054477;}
.indexfuwumain{ margin:0 auto; padding:20px 0; width:100%; height:auto; max-width:900px;}
.indexfuwu1{ margin:0 auto; padding:0; width:100%; height:auto; background:url(../image/co.png) no-repeat center center;}
.indexfuwu11{ margin:0 auto; padding:0; width:21%; height:auto; float:left; margin:2%;}


/*indexabout*/
#indexabout{ margin:0 auto; padding:0; width:100%; height:auto; background:#25b7b4;}
#indexaboutmain{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-bottom:40px; padding-top:40px;}
#indexabouttitle{ margin:0 auto; padding:15px 0; width:100%; height:auto; max-width:1200px;}
#indexabouttitle1{ margin:0 auto; padding:20px 0 10px 0;width:100%; display:block; height:auto; float:left; font-size:34px; color:#054477; line-height:40px; text-align:left; }
#indexabouttitle2{ margin:0; padding:0; width:100%;display:block;  height:2px;}
#indexabouttitle2 span{ margin:0; padding:0; width:100px;display:block;  height:2px; background:#054477;}

#indexabouttitle3{ margin:0 auto; padding:0; width:100%; height:auto; float:left; font-size:14px; color:#666; line-height:30px; text-align:left; }
#indexabouttitle3 a{ font-size:14px; color:#000; line-height:40px; text-align:right; }
#indexabouttitle3 a:hover{ color:#000; text-decoration:underline;}

#indexabouttitle4{ margin:0 auto; padding:0; width:100%; height:auto; }
#indexabouttitle4 img{ max-width:100%; height:auto;}
#indexabouttitle5{ margin:0 auto; padding:0; width:100%; height:auto; }
#indexabouttitle51{ margin:0 auto; padding:0; width:48%; height:auto; float:left; }
#indexabouttitle511{ margin:0 auto; padding:8px 2%; width:96%; height:auto; float:left; border-bottom:1px dashed #e3e3e3; }
#indexabouttitle5111{ margin:0 auto; padding:5px 0; width:100%; height:auto; float:left; font-size:14px; color:#000; line-height:20px; text-align:left; font-weight:bold;}
#indexabouttitle5112{ margin:0 auto; padding:5px 0; width:100%; height:auto; float:left; font-size:12px; color:#888; line-height:20px; text-align:left; font-weight: normal;}

#indexabouttitle511:hover{ background:#054477;}

#indexabouttitle511:hover #indexabouttitle5111{ color:#fff;}
#indexabouttitle511:hover #indexabouttitle5112{ color:#fff;}



#indexabouttitle52{ margin:0 auto; padding:0; width:48%; height:auto; float:right; }



#indexabouttitle6{ margin:0 auto; padding:0; width:100%; height:auto; }
#indexabouttitle6 ul{ margin:0 auto; padding:20px 0 0 0; width:100%; height:auto; }
#indexabouttitle6 ul li{ margin:0 auto; padding:0; width:46%; height:auto; margin:2%; float:left; }
#indexabouttitle6 ul li p{ margin:0 auto; padding:0; width:100%; height:auto;float:left; }
#indexabouttitle6 ul li p img{ max-width:100%; height:auto;}
#indexabouttitle6 ul li span{ margin:0 auto; padding:5px 0; width:100%; height:auto;float:left;font-size:12px; color:#888; line-height:20px; text-align:center; font-weight: normal; }
#indexabouttitle6 ul li span a{ font-size:12px; color:#888; line-height:20px; text-align:center; font-weight: normal; }
#indexabouttitle6 ul li span a:hover{ color:#000; }




#indexaboutcon{ margin:0 auto; padding:40px 0; width:100%; height:auto; max-width:1200px; }
#indexaboutcon1{ margin:0 auto; padding:0; width:48%; height:auto; float:right;}
#indexaboutcon1 img{ max-width:100%; height:auto;}
#indexaboutcon2{ margin:0 auto; padding:0; width:48%; height:auto; float:left; padding:0;}
#indexaboutcon21{ margin:0 auto; padding:0; width:100%; height:auto; float:left; font-size:24px; color:#fff; line-height:40px; text-align:left;}
#indexaboutcon22{ margin:0 auto; padding:0; width:100%; height:auto; float:left; font-size:14px; color:#fff; line-height:25px; text-align:left;}
#indexaboutcon23{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:25px;}
#indexaboutcon231{ margin:0 auto; padding:0; width:120px; display:block; height:40px; background:#fff; float:left;text-align:center;}
#indexaboutcon231 a{ margin:0 auto; padding:0; width:120px; display:block; height:40px; background:#fff; font-size:14px; color:#054477; line-height:40px; text-align:center;}
#indexaboutcon231 a:hover{ background:#227fc4; color:#fff;}

#indexaboutcon232{ margin:0 auto; padding:0; margin-left:20px; display:block; width:120px; height:40px; background:#fff; float:left; border:1px solid #eee;}
#indexaboutcon232 a{ margin:0 auto; padding:0; width:120px; display:block; height:40px; background:#fff; font-size:14px; color:#666; line-height:40px; text-align:center;}
#indexaboutcon232 a:hover{ background:#eee;}

#indexaboutvideo{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; margin-bottom:30px; margin-top:30px;}

#indexaboutvideo1{ margin:0 auto; padding:0; width:24%; height:auto; margin-right:1%; float:left;}
.indexaboutvideo11{ margin:0 auto; padding:0; width:100%; height:auto;transition:688ms; overflow:hidden; position:relative;}
.indexaboutvideo11 img{ max-width:100%; height:auto;transition:688ms;}

.indexaboutvideo12{ margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#fff;font-size:14px; color:#666; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:center; text-decoration:none; }
.indexaboutvideo12 a{ margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#fff;font-size:14px; color:#666; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:center; text-decoration:none; }
.indexaboutvideo12 a:hover{ background:#5b0d11;font-size:14px; color:#fff; }


#indexaboutvideo1:hover  .indexaboutvideo12{margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#054477;font-size:14px; color:#fff;font-size:14px; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:center; text-decoration:none;}
#indexaboutvideo1:hover  .indexaboutvideo11 img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}




#indexnew{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px;}
#indexnew1{ margin:0 auto; padding:0; width:48%; height:auto; float:left;}
#indexnew2{ margin:0 auto; padding:0; width:48%; height:auto; float:right;}

/*about*/
.section-gap {
  padding: 120px 0;
}


.info-area .info-content {
  box-shadow: 0px 0px 50px 0px rgba(157, 157, 157, 0.3);
  position: relative;
  background: #fff;
  padding: 80px 100px 80px 40px;
}


.about{ margin:40px auto; padding:40px 0; height:auto; width:100%; max-width:1200px;box-shadow: 0px 0px 50px 0px rgba(157, 157, 157, 0.3);}
.aboutleft{ margin:0 auto; padding:0; height:auto; width:40%; float:left; position:relative;overflow:hidden; padding-left:4%;}
.aboutleft img{ max-width:100%; height:auto;}

.aboutright{ margin:0 auto; padding:4%; height:auto; width:42%; overflow:hidden; float:left; 
  position: relative;
  background: #fff;
}

 .ac-about {
        padding: 78px 0 93px;
        background: #e6e6e6;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1)
    }
.w1200{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
    .ac-about h2 {
        font-size: 32px; font-weight:normal;
        color: #333;
        line-height: 63px;
        text-align: center;
        margin-bottom: 50px
    }

    .ac-about li {
        width: 22.8%;
        margin-left: 2.8%;
        float: left;
        text-align: left
    }

    .ac-about li:first-child {
        margin-left: 0
    }

    .ac-about li a {
        display: block; background:#fff;
        width: 100%
    }

    .ac-about li .pic {
        width: 100%;
        overflow: hidden
    }

    .ac-about li img {
        width: 100%;
        transition: transform .3s
    }

    .ac-about li h3 {
        font-size: 20px;
        color: #333;
        line-height: 39px;
        margin-top: 14px; padding:0 10px;
        transition: color .3s
    }

    .ac-about li .font {
        font-size: 14px;
        color: #555;
        line-height: 22px;padding:0 10px;
        margin-top: 8px;
        min-height: 68px;
        overflow: hidden
    }

    .ac-about li .more {
        margin-top: 30px;
        padding-left: 40px;
        font-size: 16px;
        color: #d9271b;
        line-height: 25px;
        background: url(../img/ab08.png) no-repeat left center
    }

    .ac-about li:hover img {
        transform: scale(1.1)
    }

    .ac-about li:hover h3 {
        color: #d9271b
    }
/*newsMain*/
.newsMain{padding-bottom:55px;padding-top: 40px;}
.newsMain .new_l{float:left;width: 60%;}
.newsMain .new_r{ position:relative; float:right; width:35%; height:auto; padding:0 2%;}


.newsMain h3{ text-align: center; height: 143px; line-height: 100%; font-weight: normal; font-size: 18px; color: #888;}
.newsMain h3 i{ display: block;color: #333333; font-size: 36px; line-height: 100%; font-style:normal; padding-bottom:18px;font-weight: bold;background:url(../image/x_h2.jpg) no-repeat center 14px;}
.newsMain h3 i span{ padding-left: 39px;}


/*new_l*/

.new_l h4{height: 42px; line-height:23px; margin-bottom: 38px; border-bottom: 1px solid #e2e2e2; padding-left: 35px;background:url(../image/ic2.jpg) no-repeat;}
.new_l h4 a{ color: #333; font-size:19px;}
.new_l h4 span{ display: inline-block; float: right; padding-top: 7px;}

.new_r h4{height: 42px; line-height:23px; margin-bottom: 38px; border-bottom: 1px solid #e2e2e2; padding-left: 35px;background:url(../image/ic1.jpg) no-repeat;}
.new_r h4 a{ color: #333; font-size:19px;}
.new_r h4 span{ display: inline-block; float: right; padding-top: 7px;}



.new_l .nlist{overflow:hidden;width: 100%;}
.new_l .nlist li{float:left;width: 31%;text-align:center;height: 50px;margin:1%;background: #666;}
.new_l .nlist li h2{ font-weight: inherit;}
.new_l .nlist li a{display:block;font-size: 18px;color:#fff;text-decoration:none;height: 50px;line-height: 50px;}
.new_l .nlist li:hover,.new_l .nlist li.cur{background: #054477;}
.new_l .news{ margin-top:20px;}

.new_l .news dl{ margin:0 auto; padding:0; width:100%; height:auto;}
.new_l .news dt{float:left;padding: 3px;border: 1px solid #e9e9e9; width:30%; }
.new_l .news dt img{ display:block; max-width:100%; height:auto;}
.new_l .news dd{ width:66%; float:right;}
.new_l .news dd h2{ padding-top:20px; padding-bottom:15px; width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.new_l .news dd h2 a{ font-size:15px; color:#383838;}
.new_l .news dd p{ font-size:15px; color:#383838; line-height:26px; height:auto;}
.new_l .news ul{overflow:hidden;width: 100%;margin-top:35px;}
.new_l .news li{float:left;width: 46%;height:33px;line-height:33px;margin:0 2% 0 2%; font-size:12px; line-height:25px; text-align:left; border-bottom:1px dashed #e3e3e3;}
.new_l .news li a{font-size:12px; line-height:25px; text-align:left; color:#666;}
.new_l .news li span{font-size:12px; line-height:25px; text-align:left; color:#888;}
.new_l .news li a:hover{ text-decoration:underline; color:#000;}
/*new_r*/
.new_r .ntop{ margin:0 auto; padding:0; width:100%; height:auto;}
.new_r .ntop img{ max-width:100%; height:auto;}

.new_r .quetion{ height:265px; overflow:hidden; margin-top:20px;}
.new_r .quetion dl{ padding-top:24px; padding-bottom:25px; border-bottom:1px dotted #e1e1e1;}
.new_r .quetion dl h3{font-weight: inherit; }
.new_r .quetion dt{ padding-left:30px; background:url(../images/wen.png) no-repeat left center; height:17px; line-height:17px; overflow:hidden; width:250px;white-space: nowrap;text-overflow: ellipsis;}
.new_r .quetion dt a{ font-size:15px;}
.new_r .quetion dd{ padding-left:30px; background:url(../images/da.png) no-repeat left top; font-size:15px; color:#686868; line-height:20px; height:40px; overflow:hidden; margin-top:20px;}
.new_r .mor{display:block;position:absolute;background: #054477;width:179px;height:41px;line-height:41px;text-align:center;left:50%;margin-left:-90px;color:#f5f3f4;font-size:15px;text-decoration:none;border-radius: 18px;}

#conpr3{ margin:0 auto; padding:0; width:100%; max-width:1200px; padding-top:30px;padding-bottom:30px;}

#conpr31{ margin:0 auto; padding:0; width:31%; height:auto; margin-right:2%; float:left; border:1px solid #f3f3f3;}
.conpr311{ margin:0 auto; padding:0; width:100%; height:auto;transition:688ms; overflow:hidden; position:relative;}
.conpr311 img{ max-width:100%; height:auto;transition:688ms;}

.conpr312{ margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#e7e7e7;font-size:14px; color:#666; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:center; text-decoration:none; }
.conpr312 a{ margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#e7e7e7;font-size:14px; color:#666; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:center; text-decoration:none; }
.conpr312 a:hover{ background:#054477;font-size:14px; color:#fff; }


#conpr31:hover  .conpr312{margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#054477;font-size:14px; color:#fff;font-size:14px; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:center; text-decoration:none;}
#conpr31:hover  .conpr311 img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}


#conpinxinmain{ margin:0 auto; padding:0; width:100%; height:auto; background:#f3f3f3;}
#conpinxin{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px; }
#conpinxin h2{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px;text-align:center; color:#000; font-size:24px;font-family:"微软雅黑"; font-weight: normal; line-height:30px; }
#conpinxin p{ margin:0 auto; padding:10px 0; width:100%; height:auto; max-width:1200px;text-align:left; color:#left; font-size:14px;font-family:"微软雅黑"; font-weight: normal; line-height:30px; }

/*chanye*/
.case{ padding:80px 0 40px;}
.inner{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
.case-list{ margin-bottom:12px;}
.case-list li{ width:29%; float:left; margin:2%; margin-bottom:32px; position:relative; overflow:hidden; border:1px solid #f3f3f3;}
.case-list li:nth-child(3n+3){ margin-right:0;}
.case-list li figure{ display:block; overflow:hidden; width:100%; margin:0 auto; padding:0;}
.case-list li figure img{ display:block; width:100%; border:1px solid #e3e3e3; height:auto; line-height:1; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transition:0.76s;}
.txt{ width:100%; height:auto; margin:0 auto; padding:0;text-align:center; color:#666; font-size:14px;font-family:"微软雅黑"; font-weight: normal; line-height:40px;}

.casefix{ width:100%; height:100%; position:absolute; left:0; top:0}
.casefix mark{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;  background:rgba(0,0,0,0.8); background:#aa8541\9; filter:alpha(opacity=80); -webkit-transition:-webkit-transform .45s cubic-bezier(.6,0.2,.1,1); transition:-webkit-transform .45s cubic-bezier(.6,0.2,.1,1); transition:transform .45s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition:transform .45s cubic-bezier(.6,0.2,.1,1),-webkit-transform .45s cubic-bezier(.6,0.2,.1,1); transform-origin:left 100%; ransform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.casetext{ width:100%; position:absolute; left:0; top:50%; text-align:center; margin-top:-138px; opacity:0; visibility:hidden; transition:0.5s 0s; transform:translateY(30px); -webkit-transform:translateY(30px); -moz-transform:translateY(30px);}
.casetext small{ display:block; text-align:center; color:#fff; font-size:20px; padding-bottom:25px; margin-bottom:14px; position:relative; line-height:1; font-family:"Conv_LETTERGOTHICSTD"; text-transform:uppercase;}
.casetext small:before{ content:""; width:1px; height:10px; position:absolute; left:50%; bottom:0; background:#fff;}
.casetext h3{ text-align:center; line-height:1; color:#fff; font-size:18px; margin-bottom:32px; font-weight:normal;}
.casetext p{ text-align:center; color:#fff; padding:0 38px; height:128px;}
.casetext span{ display:block; width:38px; height:38px; border-radius:50%; border:1px solid #fff; margin:auto; position:relative;}
.casetext span:hover:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.casetext span:before{ content:""; width:20px; height:20px; background:url(image/add1.png) center no-repeat; position:absolute; left:50%; margin-left:-10px; top:50%; margin-top:-10px; transform:rotate(0); -webkit-transform:rotate(0); -moz-transform:rotate(0); transition:0.4s ease-out;}
.case-list li:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.case-list li:hover .casefix mark{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; visibility:visible\9;}
.case-list li:hover .casetext{ opacity:1; visibility:visible; transition:0.5s 0.2s; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}




.case-list1{ margin-bottom:12px;}
.case-list1 li{ width:31%; float:left; margin:1%; margin-bottom:32px; position:relative; overflow:hidden; border:1px solid #f3f3f3;}
.case-list1 li:nth-child(3n+3){ margin-right:0;}
.case-list1 li figure{ display:block; overflow:hidden;}
.case-list1 li figure img{ display:block; width:100%; border:1px solid #e3e3e3; height:auto; line-height:1; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transition:0.76s;}

.case-list1 li:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.case-list1 li:hover .casefix mark{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; visibility:visible\9;}
.case-list1 li:hover .casetext{ opacity:1; visibility:visible; transition:0.5s 0.2s; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}



#conaboutmain{ margin:0 auto; padding:30px 0; width:100%; height:auto; background:url(../image/bg11.jpg) repeat-y;}
#conaboutleft{ margin:0 auto; padding:0; width:50%; height:auto; float:left;}
#conaboutleft .title{ margin:0 auto; padding:0; width:100%; height:auto; float:left;font-size:20px; color:#fff; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:left; text-decoration:none;}
#conaboutleft .con{ margin:0 auto; padding:20px 0; width:100%; height:auto; float:left;font-size:14px; color:#fff; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:left; text-decoration:none;}
#conaboutright{ margin:0 auto; padding:0; width:48%; height:auto; float:right;}
#conaboutright img{ max-width:100%; height:auto;}


/*友情链接*/

.linkmain{ width:100%; margin-top:30px;
    margin: 0 auto;
    background: #fff;
}


.tabbox{ width:100%; max-width:1200px; 
    margin: 0 auto; padding-top:20px; padding-bottom:20px;
    font-size: 14px;
    color: #ddd;
    text-align: center;
}
.tabbox .tab{width: 100%;}
.tabbox .tab a{display:block;padding:10px 20px;float:left;text-decoration:none;color:#888;}
.tabbox .tab a:hover{background:#C1C1C1;color:#666;text-decoration:none;}
.tabbox .tab a.on{background:#C1C1C1;color:#666;text-decoration:none;}
.tabbox .content{width: 100%;height: auto;}
.tabbox .content li{float:left;color:#979797; width:100%; display:block; font-size:12px; text-align:left;}
.tabbox .content li a{color:#979797;}
.tabbox .content li a:hover{ color:#000;}


/*内页*/
#conbanner1{ margin:0 auto; padding:0; width:100%; height:auto;}
#conbanner1 img{ max-width:100%; height:auto;}
#conbanner2{ margin:0 auto; padding:0; width:100%; height:auto; display:none;}
#conbanner2 img{ max-width:100%; height:auto;}

/*proMain*/
.proMain{background:url(../images/bg1.png) repeat center;padding-bottom: 50px;padding-top: 35px;} 
.proMain2{ background:#fff;}
.proMain .pro_l{float:left;width: 20%;}
.proMain .pro_r{float:right;width: 76%; background:#fff;}
.proMain2 .pro_l{ margin-top:0px;}
.proMain2 .pro_r{ padding-top:25px;}
/*pro_l*/


/*pro_l*/
.proMain .pro_l1 { width:92%; height:auto; padding:2% 2% 2% 6%; display:block;font-weight:normal;background: #e39f14; color: #fff;font-size:25px; }
.proMain .pro_l1 span{font-size:12px;text-transform: uppercase; line-height:20px; padding-left:10px; }
.cpnavbox{background:#fff;padding-bottom: 15px;}
.cpnav {padding: 10px 15px 0px 15px;overflow:hidden;}
.cpnav li {font-weight:normal;background:url(../images/cpnavbg.png) repeat-x;}
.cpnav li a {display:block;font-size:16px;color:#292929;text-decoration:none;height: auto;line-height: 40px; border-bottom:2px solid #fff;background: url(../images/jt.png) no-repeat right 20px center;padding:0 15px;}
.cpnav li a:hover {background: url(../images/jt1.png) no-repeat right 20px center #e39f14; color:#fff;}
.cpnav li.act a {display:block;font-size:16px;text-decoration:none;height: 40px;line-height: 40px;background: url(../images/jt1.png) no-repeat right 20px center #e39f14; color:#fff;padding:0 15px;}
.cpnav li.act a:hover {background: url(../images/jt1.png) no-repeat right 20px center #e39f14; color:#fff;}


.cpnav li.acc {margin:0 auto; padding:0; width:100%; height:auto; display:block;}
.cpnav li.acc a {margin:0 auto; padding:0; width:92%; padding-left:4%; padding-right:4%; font-size:14px; height:30px; line-height:30px; background:#fff; color:#666; border-bottom:1px dashed #e3e33e;}
.cpnav li.acc a:hover {background:#e59d15; color:#fff;}




.cpnav ul{ display:none;}

.cpnav li.thisclass {background:#e59d15;}
.cpnav li.thisclass a{ color:#fff;}

.cpnav li.thisclass ul{ margin:0 auto; padding:0; width:100%; height:auto; display:block;}
.cpnav li.thisclass ul li{ width:100%; height:auto;font-size:12px;}
.cpnav li.thisclass ul li a{ margin:0 auto; padding:0; width:92%; padding-left:4%; padding-right:4%; font-size:12px; height:30px; line-height:30px; background:#e3e3e3; color:#000; border-bottom:1px dashed #e3e33e;}
.cpnav li.thisclass ul li a:hover{ background:#e59d15; color:#fff;}


.cpnav li.thisclass ul li ul li a{ margin:0 auto; padding:0; width:92%; padding-left:4%; padding-right:4%; font-size:12px; height:30px; line-height:30px; background:#fff; color:#666; border-bottom:1px dashed #e3e33e;}
.cpnav li.thisclass ul li ul li a:hover{ background:#e59d15; color:#fff;}





.cpnav li.rr ul{ margin:0 auto; padding:0; width:100%; height:auto; display:block;}
.cpnav li.rr ul{ margin:0 auto; padding:0; width:100%; height:auto; display:block;}
.cpnav li.rr ul li{ width:100%; height:auto;font-size:12px;}
.cpnav li.rr ul li a{ margin:0 auto; padding:0; width:92%; padding-left:4%; padding-right:4%; font-size:14px; height:30px; line-height:30px; background:#e3e3e3; color:#000; border-bottom:1px dashed #e3e33e;}
.cpnav li.rr ul li a:hover{ background:#e59d15; color:#fff;}

.cpnav li.rr ul li.this a{ margin:0 auto; padding:0; width:92%; padding-left:4%; padding-right:4%; font-size:14px; height:30px; line-height:30px; background:#e59d15; color:#fff; border-bottom:1px dashed #e3e33e;}
.cpnav li.rr ul li.this a:hover{ background:#e59d15; color:#fff;}

.cpnav li.rr ul li.this1 a{ margin:0 auto; padding:0; width:92%; padding-left:4%; padding-right:4%; font-size:14px; height:30px; line-height:30px; background:#333; color:#fff; border-bottom:1px dashed #e3e33e;}
.cpnav li.rr ul li.this1 a:hover{ background:#e59d15; color:#fff;}


.cpnav li.rr ul li.this ul li a{ margin:0 auto; padding:0; width:92%; padding-left:4%; padding-right:4%; font-size:12px; height:30px; line-height:30px; background:#fff; color:#666; border-bottom:1px dashed #e3e33e;}
.cpnav li.rr ul li.this ul li a:hover{ background:#e59d15; color:#fff;}

.cpnav li.rr ul li ul li a{ margin:0 auto; padding:0; width:92%; padding-left:4%; padding-right:4%; font-size:14px; height:30px; line-height:30px; background:#fff; color:#666; border-bottom:1px dashed #e3e33e;}
.cpnav li.rr ul li ul li a:hover{ background:#e59d15; color:#fff;}


.cpnav .cpmll{ width:100%; height:auto;}
.cpmll1 a{ width:100%; height:auto; padding-top:4px; padding-bottom:4px; display: block; border-bottom:1px dashed #e3e3e3; padding-right:10px;font-size:14px;color:#666; line-height:25px; }
.cpmll1 a:hover{ color:#e39f14; line-height:25px; text-decoration:underline; }

.cpmll2 { width:100%; height:auto;float:left; display:block; padding-top:4px;border-bottom:1px dashed #e3e3e3;  padding-bottom:4px; font-size:12px;color:#888; line-height:25px; }
.cpmll2 a{ padding-right:10px; padding-top:4px; padding-bottom:4px; font-size:12px;color:#888; line-height:25px; }
.cpmll2 a:hover{ color:#e39f14; line-height:25px; text-decoration:underline; }




/*pro_r*/
#contentc1 .main{border:1px solid #b1c1e2; background:#ecedf8; position:relative;}

#contentc1 form{margin:8px; background:#fff; padding:10px 0;}
#contentc1 td{ height:30px; padding-top:5px; padding-bottom:5px;font-family:"微软雅黑","宋体"; font-size:14px; padding-left:10px; padding-right:10px;}

#contentc1 .tip{font-size:12px; color:#666;}

.pagination {
	margin: 50px 0 0 0;
	display:block;
}
.pagination.center {
	text-align: center;
}
.pagination li {
	margin-right: 5px;
	display: inline-block;
}
.pagination li:last-child{
	margin-right:0px;
}
.pagination li a {
	background: #F6F7FB;
	color: #666;
	padding: 6px 10px;
	font-weight: 400;
	border: 1px solid #e1e1e1;
	font-size: 14px;
	border-radius: 4px;
}
.pagination li.active a,.pagination li:hover a{
	background: #1A76D1;
	color: #fff;
	border-color: transparent;
}

.inner{ margin:0 auto; padding:0; width:100%; max-width:1200px;}


.employment-box { padding: 100px 0 85px; }
.employment-box .employment { width: 980px; margin: 0 auto; text-align: center; }
.employment-box .con { margin-top: 60px; }

.recruitment-box { padding: 110px 0 75px; background-color: #fbfbfb; position: relative; }
.recruitment-box .arrow-down { position: absolute; width: 66px; height: 46px; left: 50%; top: 0; margin-left: -33px; background-color: #fff; }
.recruitment-box .arrow-down:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: url(../images/arrow_10.png) no-repeat scroll center center; }
.recruitment-box .recruitment { width: 980px; margin: 0 auto; }
.recruitment-box .info { margin-top: 20px; }
.recruitment-box .info span { display: block; float: left; line-height: 1; margin-left: 50px; color: #666; }
.recruitment-box .info span.email { margin-left: 0; }

.job-box .job { background-color: #fff; transition: .36s; -webkit-transition: .36s; color: #666; }
.job-box .job:nth-child(1) { background-color: #2c67a7; color: #fff; padding: 15px 25px; }
.job-box .job:nth-child(1) span b { content: ""; display: block; width: 24px; height: 31px; float: left; background-attachment: scroll; background-position: center; background-repeat: no-repeat; margin-right: 15px; }
.job-box .job:nth-child(1):hover { background-color: #2c67a7; }
.job-box .job:nth-child(1) .list { padding: 0; }
.job-box .job:nth-child(1) .list.on { background-color: #2c67a7; }
.job-box .job:hover { background-color: transparent; }
.job-box .job span { display: block; width: 25%; float: left; line-height: 0; }
.job-box .job span strong { font-weight: normal; display: block; line-height: 31px; height: 31px; line-height: 31px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.job-box .job span.name b { background-image: url(../images/r1.png); }
.job-box .job span.number b { background-image: url(../images/r2.png); }
.job-box .job span.place b { background-image: url(../images/r3.png); }
.job-box .job span.time b { background-image: url(../images/r4.png); }
.job-box .job span p { display: inline-block; line-height: 1.5; }
.job-box .job .list { padding: 15px 25px; cursor: pointer; }
.job-box .job .list.on { background-color: #f2f2f2; }
.job-box .job .detail-box { position: relative; }
.job-box .job .detail-box .detail { border: 1px solid #eaedef; padding: 30px 25px; background-color: #fff; }
.job-box .job .detail-box:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background-color: #2c67a7; }
.job-box .job .apply { display: inline-block; width: 160px; height: 45px; line-height: 45px; color: #fff; background-color: #2c67a7; text-align: center; margin-top: 35px; }

.tex{
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	background-color: #fff;
	border: 1px solid #dbdbdb;
	width: 250px;
}
.tex1{
	font-size: 14px;
	height: 100px;
	line-height: 30px;
	padding: 0;
	background-color: #fff;
	border: 1px solid #dbdbdb;
	width: 250px;
}
.code{
	border: none;
	width: 130px;
	height: 45px;
	background-color: #054477;
	line-height: 45px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-family:"微软雅黑","宋体";
}

.code:hover{
	background-color: #217fc4;
}

/*pro*/
#promain{ margin:0 auto; padding:0; width:96%; height:auto; background:#fff; margin-bottom:40px; margin-top:40px; max-width:1156px; padding:2%;}
#promain1{ margin:0 auto; padding:0; width:96%; height:auto; background:#fff; margin-bottom:40px; margin-top:20px; max-width:1156px; padding:0 2%;}
#promainlocation{ margin:0 auto; padding:0; width:100%; height:40px; border:1px dashed #e3e3e3;font-size: 12px; color: #666; font-weight: normal; line-height:40px; text-align:right;}
#promainlocation a{ font-size: 12px; color: #666; font-weight: normal; line-height:40px; text-align:right;}
#promainlocation a:hover{ color:#000; text-decoration:underline;}

#promaintitle{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:30px; padding-bottom:20px;font-size: 24px; color: #000; font-weight: normal; line-height:40px; text-align:center;}
#promaintitle h1{ font-size: 24px; color: #000; font-weight: normal; line-height:40px; text-align:center;}
#promaincon{ margin:0 auto; padding:0; width:100%; height:auto; font-size: 14px; line-height:30px; text-align:left;}
#promaincontitle{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:30px; border-bottom:1px dashed #e3e3e3; font-size: 24px; color: #000; font-weight: normal; line-height:40px; text-align:left;}


.right_title { width:96%;height:36px;line-height:36px;font-size:20px;background:#fefefe;padding:2%;}
.right_name {float:left;color: #034091;height:37px;}
.right_name font {color: #ffb901;margin-left:10px;text-transform:uppercase;font-size:16px;}
.mbx {font-size:14px;float:right;width:550px;text-align:right;line-height:36px;}
.mbx .breadcrumbs {list-style:none;padding:0;margin:0;float:right;line-height:36px;}
.mbx .breadcrumbs li {float:left;margin:0 5px 0 0;padding:0;}
.mbx b {font-weight:100;float:right;background:url(images/sy.png) no-repeat 0px 6px;text-indent:26px;}

.newCont {float:left;width: 100%;overflow:hidden;}
.conts {position:relative;padding:42px 35px 40px 35px;border-top: #e3e3e3 1px solid;background-color:#fff;border-bottom:#ececec 1px solid;}
.conts_no_mar {margin-bottom:0}
.newCont .conts h1 {text-align:center;font-size:30px;color:#333;margin-bottom:15px;font-weight:bold}
.newCont .time {width:100%;font-size:12px;color:#999;text-align:center;padding-bottom:22px;border-bottom:#e7e7e7 1px dashed;margin-bottom:28px;}
.new_conts p {font-size:16px;color:#333;line-height:26px;margin-bottom:26px;word-break:break-all;}
.new_conts img {max-width:100%;height:auto;}
.new_conts h1 {font-size:36px}
.new_conts h2 {font-size:30px}
.new_conts h3 {font-size:24px}
.new_conts h4 {font-size:18px}
.new_conts h5 {font-size:14px}
.new_conts h6 {font-size:12px}
.new_conts h1,.new_conts h2,.new_conts h3,.new_conts h4,.new_conts h5,.new_conts h6 {margin-bottom:20px}
.new_conts strong {font-weight:bold}
.new_conts ul,.new_conts ol {background:#ececec;padding:30px 30px 30px 40px;font-size:16px;margin-bottom:26px;}
.new_conts ul li,.new_conts ol li {list-style-type:circle;line-height:30px;}

.new_conts .title{ margin:0 auto; padding:0; width:100%; height:auto; border-bottom:1px dashed #e3e3e3;font-size:22px; color:#054477; font-weight:bold; padding-top:20px; margin-bottom:10px; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:left; text-decoration:none; }
.new_conts td {font-size:12px;color:#333;line-height:26px; border:1px solid #e3e3e3; text-align:center;}


/*zhenshu*/

#conzhenshu{ margin:0 auto; padding:0; width:96%; max-width:1200px; padding:2%; background:#fff; border-top:1px solid #e3e3e3;}

#conzhenshu1{ margin:0 auto; padding:0; width:96%; max-width:1200px; font-size: 24px; color: #000; font-weight: bold; line-height:50px; text-align:center;}
#conzhenshu2{ margin:0 auto; padding:0; width:100px; height:3px; background:#e3e3e3;}

#conzhenshu3{ margin:0 auto; padding:0; width:96%; max-width:1200px; padding-top:30px;padding-bottom:30px;}

#conzhenshu31{ margin:0 auto; padding:0; width:31%; height:auto; margin:1%; float:left; border:1px solid #f3f3f3;}
.conzhenshu311{ margin:0 auto; padding:0; width:100%; height:auto;transition:688ms; overflow:hidden; position:relative;}
.conzhenshu311 img{ max-width:100%; height:auto;transition:688ms;}

.conzhenshu312{ margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#fff;font-size:14px; color:#666; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:center; text-decoration:none; }
.conzhenshu312 a{ margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#fff;font-size:14px; color:#666; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:center; text-decoration:none; }
.conzhenshu312 a:hover{ background:#5b0d11;font-size:14px; color:#fff; }


#conzhenshu31:hover  .conzhenshu312{margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#054477;font-size:14px; color:#fff;font-size:14px; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:center; text-decoration:none;}
#conzhenshu31:hover  .conzhenshu311 img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}


.contact{position:relative; margin:0 auto; padding:0; width:96%;padding:2%;border-top: #e3e3e3 1px solid;background-color:#fff;border-bottom:#ececec 1px solid;}
.contactleft{ margin:0 auto; padding:0; width:55%; height: auto; float:left;}
.contactleft1{ margin:0 auto; padding:0; width:100%; height: auto; float:left;}
.contactleft1 h1{ font-size:26px; color: #000; text-align:left; line-height:40px;}
.contactleft2{ margin:0 auto; padding:0; width:100%; height: auto; float:left; font-size:14px; color: #666; text-align:left; line-height:30px; }
.contactright{ margin:0 auto; padding:0; width:40%; height: auto; float:right;}

.message{position:relative; margin:0 auto; padding:0; width:96%;padding:2%; border-top:1px dashed #e3e3e3; margin-top:30px;}


/*rencai*/
.character-box{ padding: 80px 0 45px; background: #fff;}
.characterimg{ float: right; width: 40.37%; line-height: 1;}
.characterimg img{ display: block; width: 100%; height: auto; line-height: 0;}
.charctele{ float: left; width: 54.62%; float: left; padding-top: 68px;}
.charctele h3{ color: #000000; font-size: 28px; font-weight: bold; line-height: 1.2; margin-bottom: 30px;}
.charctele p{ color: #646464; font-size: 14px; line-height: 2;}
.resources-box{ background: #fff;}
.rescourceimg img{ display: block; width: 100%; height: auto; line-height: 1;}
.resource{ padding: 20px;}
.resoucetop{ margin-bottom: 2px; background:#054477; padding:20px 0;}
.resoucetop span{ display: block; float: left; line-height: 1; color: #fff; font-size: 16px; font-weight: bold;}
.resoucetop span.span1{ padding-left: 23px; width: 610px;}
.resoucetop span.span3{ float: right; margin-right: 28px;}

.resoucein{ margin-bottom: 1px;}
.resces{ cursor: pointer; background: #fff; transition: 0.5s; border-bottom:1px dashed #e3e3e3;}
.resces:hover{ background: #d2d2d2;}
.resces:hover b:before,.resces:hover b:after{ background: #fff;}
.resces span{ display: block; float: left; transition: 0.4s; padding-left: 46px; height: 60px; line-height: 60px; color: #000000; font-size: 16px; position: relative; width: 588px;} 
.resces span:before{ content: ""; width: 7px; height: 7px; background: #a0a0a0; position: absolute; left: 25px; top: 50%; margin-top: -3px; transition: 0.4s;} 
.resces time{ display: block; float: left; line-height: 60px; color: #000000; font-size: 14px; font-family: "Arial"; transition: 0.4s;}
.resces b{ display: block; float: right; width: 20px; height: 20px; margin-top: 20px; margin-right: 32px; position: relative;}
.resces b:before{ content: ""; width: 100%; height: 4px; background: #dcdcdc; position: absolute; right: 0; top: 8px; transition: 0.35s;}
.resces b:after{ content: ""; width: 4px; height: 100%; background: #dcdcdc; position: absolute; top: 0; left: 8px; transition: 0.35s;}

.resces.on{ background: #dcdcdc;}
.resces.on span{ color: #666;}
.resces.on span:before{ background: #666;}
.resces.on time{ color: #666;}
.resces.on b:before{ background: #666;}
.resces.on b:after{ background: #666; transform: translateY(12px); -webkit-transform: translateY(12px); -moz-transform: translateY(12px); opacity: 0; visibility: hidden;}
.recerdown{ display: none;}
.recewr{ background: #fff; padding: 24px 44px 27px;}
.recewr h3{ line-height: 1; color: #000000; font-size: 16px; font-weight: normal; margin-bottom: 16px;}
.recewr p{ color: #646464; font-size: 14px; line-height: 2;}
.rclose{ background: #eeeeee; text-align: center; cursor: pointer;}
.rclose span{ display: inline-block; height: 43px; line-height: 43px; color: #000000; font-size: 12px;}


/*service*/

#conservice1{ margin:0 auto; padding:0; width:100%; height:auto;}
#conservice11{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-top:20px; border-bottom:1px dashed #e3e3e3;}
#conservice111{ margin:0 auto; padding:0; width:40%; height:auto; float:left;font-family:"微软雅黑","宋体"; font-size:18px;color:#666; text-align:left; text-decoration:none; line-height:40px;}
#conservice112{ margin:0 auto; padding:0; width:55%; height:auto; float:right;font-family:"微软雅黑","宋体"; font-size:12px;color:#666; text-align:right; text-decoration:none; line-height:40px;}
#conservice112 a{ font-family:"微软雅黑","宋体"; font-size:12px;color:#666; text-align:right; text-decoration:none; line-height:40px;}

#conservice12{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-top:20px;font-family:"微软雅黑","宋体"; font-size:24px;color:#000; text-align:center; text-decoration:none; line-height:40px;}
#conservice13{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-top:10px; padding-bottom:20px;font-family:"微软雅黑","宋体"; font-size:14px;color:#888; text-align:center; text-decoration:none; line-height:40px;}
#conservice14{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-top:10px; padding-bottom:20px;}
.cn {width: 100%;overflow: hidden;margin-bottom: 15px;}
.cn h4{ font-size:17px; margin:8px 0; font-weight:500; color:#000}
.cn ul {overflow: hidden;}
.cn ul li {float: left; width: 20%;*width:19.6%;margin:0 1.5%;background: #f5f5f5;padding: 11px; text-align:center}
.cn-wz {width: 100%;}
#Context .cn-wz p { color:#ed1c24;font-size: 15px;text-indent: 0;margin: 5px 0;font-weight: bold;}
.cn ul li img {display:block; text-align: center; margin:0 auto}
.cn-wz span {color: #555;font-size: 13px;}


.service{ width:100%; margin:3% 0; overflow:hidden;}
.service h3,.peijian h3,.cn h3,.contact h3{font-size: 24px;width: 100%;color: #3d3d3d;margin: 20px 0 20px 0;}
.service p,.peijian p,.cn p,.contact p{ margin:15px  0; text-indent:25px; line-height:26px; }
/*service html*/
.ser_con{ margin-top:60px; margin-bottom:30px;}
.service li{ width:22%; overflow:hidden;  margin:0 1.5% 2% 1.5%;_margin:0 1% 2% 1%; float:left; background:#fff; }

.service li .first{ margin:0 auto; padding:0; width:100%; height:auto;transition:688ms;}
.service li .first img{ max-width:100%; height:auto;transition:688ms;}

.service li .text dt{margin:0 auto; padding:0; width:100%; height:auto;font-size: 18px; text-align:center; background:url(../image/line2.png) no-repeat bottom center;
    color: #000;
    font-weight: normal;
    line-height: 56px;}
.service li .text dd{margin:0 auto; padding:0; width:100%; height:auto;font-size: 12px; text-align:center;
    color: #888;
    font-weight: normal;
    line-height: 36px;}


.service li:hover{ background:#e59d15;}
.service li:hover .first img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.service li:hover .text dt{ color:#fff;background:url(../image/line3.png) no-repeat bottom center;}
.service li:hover .text dd{ color:#fff;}

#conservice2{ margin:0 auto; padding:0; width:100%; height:auto; background: url(../image/seradvbanner.jpg) no-repeat top center;}
#conservice22{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-top:20px;font-family:"微软雅黑","宋体"; font-size:30px;color:#fff; text-align:center; text-decoration:none; line-height:40px;}
#conservice221{ margin:0 auto; padding:0; width:100%; height:52px; max-width:1200px; background: url(../image/line.png) no-repeat top center;font-family:Arial; font-size:20px;color:#fff; text-align:center; text-decoration:none; line-height:52px;}
#conservice23{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-top:10px; padding-bottom:20px;font-family:"微软雅黑","宋体"; font-size:14px;color:#fff; text-align:center; text-decoration:none; line-height:40px;}
#conservice24{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-top:10px; padding-bottom:20px;}







/*news*/
.news_info {
	padding:40px;
	font-size:16px; background:#fff;
	line-height:30px;
	margin-bottom:40px
}

.news_info img{ max-width:100%; height:auto;}


.news_info h1.title {
	font-size:28px;
	color:#000;
	line-height:45px;
	margin-bottom:10px;
	text-align:center
}
.news_info h1 {
	font-size:28px;
	color:#000;
	line-height:45px;
	margin-bottom:10px;
	text-align:center
}

.news_info .data {
	font-size:14px;
	color:#ccc;
	line-height:30px;
	margin-bottom:10px;
	text-align:center;
	border-bottom:1px solid #eee
}
.news_info p{
	font-size:16px;
	color:#666;
	line-height:30px;
	margin-bottom:10px;
	text-align:left;
}
.news_info video{ max-width:96%;
}

.news_info .jianjietitle{ margin:0 auto;  padding:0; padding-top:30px; border-bottom:2px solid #e3e3e3; padding-bottom:10px; text-align:left; font-family:"微软雅黑", "宋体",Arial; font-size:14px; color:#666;  text-decoration:none; line-height:30px; font-weight:normal;}
.news_info .jianjietitle span{ border-left:2px solid #E30010; padding-left:30px;text-align:left; font-family:"微软雅黑", "宋体",Arial; font-size:24px; color:#666;  text-decoration:none; line-height:30px; font-weight:normal;}

.news_info .jianjiecon{ margin:0 auto;  padding:0; padding-top:20px; padding-bottom:20px; text-align:left; font-family:"微软雅黑", "宋体",Arial; font-size:14px; color:#666;  text-decoration:none; line-height:30px; font-weight:normal;}
.news_info .jianjiecon p{text-align:left; font-family:"微软雅黑", "宋体",Arial; font-size:14px; color:#666;  text-decoration:none; line-height:30px; font-weight:normal;}


.news_info .prev {
	width:96%; padding:2%;
	font-size:16px;
	border:1px solid #eee;
	margin-top:40px;
	background:url(image/arrow_l.png) 3% center no-repeat;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	float:left
}
.news_info .prev a {
	color:#ccc
}
.news_info .prev:hover {
	background:url(image/arrow_l.png) 1% center no-repeat #D2D2D2;color:#666;
}
.news_info .prev:hover a {
	color:#666
}
.news_info .next {
	width:96%; padding:2%;
	font-size:16px;
	border:1px solid #eee;
	margin-top:20px;
	background:url(image/arrow_r.png) 97% center no-repeat;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	float:left;
	text-align:left
}
.news_info .next a {
	color:#ccc
}
.news_info .next:hover {
	background:url(image/arrow_r.png) 99% center no-repeat #D2D2D2; color:#666;
}
.news_info .next:hover a {
	color:#666
}



.news_info .contentnew{font-family: '微软雅黑',宋体; font-size:16px;color:#000; text-align:left; text-decoration:none; line-height:30px;}

.news_info .contentnew img{ max-width:100%;
}

.news_info .contentnew td{ border:1px solid #ebebeb; padding-left:25px;
}

/*newslist*/
/*news style*/
.newsType a:link,.newsType a:visited{ color: #9a9a9a;}
.newsType a:active,.newsType a:hover{ color: #128adc;}
.newsType{ text-align: center; padding: 0px;}
.newsType a{ background: url(images/n_ico1.png) no-repeat scroll left center; padding-left: 30px; font-size: 16px; margin: 0px 25px;}
.newsType a.act{ background-image: url(images/n_ico2.png);}
.newsList a:link,.newsList a:visited{ color: #b0b0b0;}
.newsList a:active,.newsList a:hover{ color: #fff;}
.newsList{ width: 100%;}
.newsList li{ width: 96%; float: left; display: block; margin-left:2%;margin-right:2%; border-bottom:1px dashed #e3e3e3;}
.newItem{  background-color: #fff; transition: 300ms;}
.newItem a{ display: block; padding: 12px 20px; }
.newItem .time{ height: 20px; margin-bottom: 5px;}
.newItem .t{ font: 16px/1.5 "microsoft yahei"; color: #6e6e6e; height: auto; overflow: hidden; margin-bottom: 10px; line-height:30px;}
.newItem .t span{ font-size: 12px; color: #888;}
.newItem .img{ overflow: hidden; margin-bottom: 25px;}
.newItem .img img{ width: 100%; display: block;}
.newItem .c{ height: 42px; overflow: hidden; margin-bottom: 12px; line-height:18px;}
.newItem .more{ background-color: #c3c3c3; color: #f0f0f0; padding: 2px 10px;}
.newsList li:hover .newItem{ background-color: #ccc; }
.newsList li:hover .t{ color: #fff;}
.newsList li:hover .t span{ color: #fff;}
.newsList li:hover .more{ background-color: #fff; color: #128adc;}
 #info-frame .frame-title{ text-align: center;}
 .sharpBox{ background: url(../images/sharp.png) no-repeat; background-size: cover; width: 84px; height: 84px; display: block; margin: 0px auto 40px;}
 .sharpBox:hover{ background-image: url(../images/sharp2.png);}
 .viewMore{ background-color:#E6E6E6; height: 100px; text-align: center; font:16px/100px 'Microsoft YaHei'; color: #999; display: block; text-transform: uppercase; position: relative;}
.viewMore .i0{  width:100%;height: 100%; display: block; position: absolute; left: 0px; top: 0px; background: #E6E6E6; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s;}
.viewMore .i1{ position: relative; z-index: 1;}
.viewMore:hover{ color: #fff;}
.viewMore:hover .i0{ background:#128adc;}


/*分页*/

.badoo{padding:10px 0px;font-size:13px;color:#666;background-color:#fff;text-align:center;}
.badoo a{border:#f0f0f0 2px solid;padding:2px 5px;margin:0px 2px;border-left:#f0f0f0 2px solid;color:#666;text-decoration:none;}
.badoo a:hover{ background:#666;color:#fff; border:#666 2px solid;}
.badoo a:active{border:#666 2px solid;color:#666;}
.badoo span.current{border:#ff5a00 2px solid;padding:2px 5px;font-weight:bold;color:#fff;background-color:#ff6c16;}
.badoo span.disabled{display:none}

/*底部信息*/
#site{ margin:0 auto; padding:0; width:100%; height:AUTO; background:#f2f2f2; padding-top:30px; padding-bottom:30px; }
#sitemain{ margin:0 auto; padding:0; width:100%; max-width:1200px; height:auto;}
#site1{ margin:0; padding:0; width:76%; height:auto;  float:left; }

.site1{ margin:0; padding:0; width:auto;height:auto; }
.site1{ height:auto;}
.site1 ul { padding:0; margin:0 auto; list-style:none; border:0;  width:auto; text-align:left;}
.site1 ul li{ margin:0; padding:0;border:0; width:20%; display:block;   height:auto;  font-family: '微软雅黑',宋体; font-size:14px;color:#666; text-align:left; text-decoration:none; line-height:22px; float:left;}
.site1 ul li a{margin:0; padding:0;border:0;width:100%; display:block;  padding-left:2%;font-family: '微软雅黑',宋体; font-size:14px; color:#666; text-align:left; text-decoration:none; line-height:22px; font-weight: bold;}
.site1 ul li a:hover{color:#054477;}

.site1 ul li ul{ margin:0; padding:0;border:0; width:100%;  height:auto;  display:block; font-family: '微软雅黑',宋体; font-size:14px;color:#888; text-align:center; text-decoration:none; line-height:22px; float:left;}
.site1 ul li ul li { margin:0; padding:0; border:0;width:100%; height:auto; display:block; font-family: '微软雅黑',宋体; font-size:13px; color:#888; text-align:left; text-decoration:none; line-height:20px; font-weight: normal;}

.site1 ul li ul li a{ margin:0; padding:0; border:0;width:96%; padding-left:2%; padding-right:2%; height:auto; display:block; font-family: '微软雅黑',宋体; font-size:11px; color:#888; text-align:left; text-decoration:none; line-height:20px; font-weight: normal;}
.site1 ul li ul li a:hover{color:#054477;}

#site3{ margin:0; padding:0; width:20%; height:auto; float:left; min-height:200px; padding-left:4%; padding-right:2%; border-left:1px solid #dbdbdb; padding-left:4%;border-right:1px solid #dbdbdb;}
#site31{ margin:0; padding:0; width:100%; height:auto; text-align:center;}
#site31 img{ max-width:100%; height:auto;}

#site32{ margin:0; padding:0; width:100%; height:auto; text-align:center; font-size:12px;color:#666;  text-decoration:none; line-height:30px; }


#site2{ margin:0; padding:0; width:20%; height:auto; float:right; }
#site21{ margin:0; padding:0; width:100%; height:auto; font-family: '微软雅黑',宋体; font-size:18px;color:#666; text-align:left; text-decoration:none; line-height:30px; float:left;}
#site22{ margin:0; padding:0; width:100%; height:auto; padding-top:10px; font-family: '微软雅黑',宋体; font-size:12px;color:#666; text-align:left; text-decoration:none; line-height:20px; float:left;}


#foot{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:15px; padding-bottom:15px; background:#666465;font-family: '微软雅黑',宋体; font-size:14px; color:#fff; text-align:center; text-decoration:none; line-height:30px;}
#foot a{font-family: '微软雅黑',宋体; font-size:14px; color:#fff; text-align:center; text-decoration:none; line-height:30px;}
#foot a:hover{ color:#29B8C0; }


/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#054477 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#054477 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#054477 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_QQ{text-indent:0;background:#054477 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#054477 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}



 @media (min-width:1200px) {
}
 @media (min-width:992px) and (max-width:1199px) {
.fixed-side {
	display:none;
}


html, body {
	background-image:none !important;
}
}
 @media screen and (max-width:991px) {
html {	-webkit-text-size-adjust:none;}
.header{ display:none;}
.fixed-side {	display:none;}
.gotop-wrapper {	background-color:rgba(0,0,0,0.5);}
.gotop-wrapper a {	width:45px;	height:45px;}

.module-default, .module {	margin-bottom:20px;}
.module-no-margin {	margin-bottom:5px;}
.module-full-screen {	margin:0 -10px;	padding:0 10px;}
.module-full-screen > .module-inner {	padding:30px 0;}
.module-full-screen-more-fixed > .module-inner {	padding:30px 0 50px;}
.module-full-screen-more-fixed .module-full-screen-more {	margin-top:15px;	margin-left:-40px;}
.module-full-screen-more-fixed .module-full-screen-more a {
	width:80px;
	height:80px;
	line-height:80px;
	font-size:14px;
	background-size:cover;
}
.module-full-screen-more-fixed .module-full-screen-more a:hover {
	background-position:0 -80px;
}
.fixed-bottom .module-default, .fixed-bottom .module, .fixed-bottom .module-no-margin {	margin-bottom:0;}
.default-top {	display:none;}
.touch-top {	display:block;}
.touch-top-wrapper .touch-logo {	margin:0;}
.touch-navigation {	display:block;}
.touch-top-wrapper .touch-logo {	margin:0 0;}
.touch-top-wrapper .touch-logo img {	height:50px;	display:block;}


.product-item .portfolio-text { font-size:12px; padding:4%;}


.product-item .portfolio-text h2 {
	margin:2%;
	line-height:normal;
	font-size:14px;
}

#conbanner1{ display:none;}
#conbanner2{ display:block;}

#conzhenshu31{ margin:0 auto; padding:0; width:45%; height:auto; margin:2%; float:left; border:1px solid #f3f3f3;}


}
 @media (min-width:768px) and (max-width:991px) {
/* slideshow */

.module-divider-full {	margin-bottom:-20px;}
}
 @media screen and (max-width:767px) {
.desktops-section {	display:none;}
.mobile-section {	display:block;}

/* 容器 */
	.module-full-screen-title {	margin-bottom:20px;}
.module-full-screen-title > .module-title-content > h2 {
	margin:0 15px;
	font-size:20px;
	font-weight:bold;
}
.module-full-screen-title > h3 {	display:none;}
.module-full-screen-title > .module-title-content > i {	width:80px;}
.module-full-screen-more a {	line-height:34px;}
.module-divider-full {	margin:20px 0 -20px;}

/* touch menu */
	.top-main-content {	display:none;}
.touch-top-wrapper .touch-logo img {	height:40px;}
.touch-toggle li {	height:60px;}
.touch-toggle li a {	height:60px;}
.touch-toggle li i {
	width:28px;
	height:28px;
	margin-top:15px;
}
.ixpro li {
    width: 50%;
    float: left;
}
#indexaboutvideo1{ width:46%; height:auto; margin:2%; float:left;}

.newsMain .new_l{float:left;width: 96%;margin:2%;}
.newsMain .new_r{ position:relative; float:left; width: 92%;margin:2%;height:auto; background-color:#f0f0f0; padding:2%;}
.product-list1 li { margin:0 auto; padding:0; width:46%; margin:2%; float:left;
}


}
 @media screen and (max-width:640px) {

/* 容器 */
.grop{display:none;}
.navbox2{ display:none;}
.navbox3{ display:none;}
.navbox4{ display:none;}


	.module-horizontal .module-title-horizontal {	float:none;	margin-right:0;}
.module-title-horizontal .module-title-content {	margin:0 0 10px 0;}
.module-horizontal > .modult-inner > .module-more-horizontal a {	margin-top:12px;}
.fixed-bottom {	display:block;}

.seach .container{  margin-top:10px;}
.seach .gjc{float:left;width: 92%;height:auto;line-height:20px;padding: 2%; margin:2%;}
.seach .sc{float:left;width: 92%;height:auto;line-height:20px;padding: 2%; margin:0 2% 2% 2%;}
.seach .sc input{line-height:36px; height:36px;}
.seach .sc a{ height:36px; }

.product-list li { margin:0 auto; padding:0; width:46%; margin:2%; float:left;
	text-align:center;
}
#indexaboutcon1{ margin:0 auto; padding:0; width:96%;margin:2%; height:auto; float:left;}
#indexaboutcon1 img{ max-width:100%; height:auto;}
#indexaboutcon2{ margin:0 auto; padding:0; width:96%;margin:2%; height:auto; float:left;}

.new_l .news dt{float:left;padding: 3px;border: 1px solid #e9e9e9; width:20%; }
.new_l .news dd{ width:76%; float:right;}

.new_l .news li{float:left;width: 96%;height:auto;margin:0 2% 0 2%; font-size:12px; line-height:25px; text-align:left; border-bottom:1px dashed #e3e3e3;}
.linkmain{ display:none;}

.proMain .pro_l{float:left;width: 96%;height:auto;margin:2%;}
.proMain .pro_r{float:right;width: 96%;height:auto;margin:2%; background:#fff;}


.contactleft{ margin:0 auto; padding:0; width: 96%;height:auto;margin:2%; float:left;}
.contactright{ margin:0 auto; padding:0; width: 96%;height:auto;margin:2%; float:right;}

#site1{ margin:0; padding:0; width: 96%;height:auto;margin:0 2% 0 2%; padding-top:30px; float:left;}

.site1{ margin:0; padding:0; width:auto;height:auto; }
.site1{ height:auto;}
.site1 ul { padding:0; margin:0 auto; list-style:none; border:0;  width:auto; text-align:left;}
.site1 ul li{ margin:0; padding:0;border:0; width:100%; display:block; border-bottom:1px dashed #ccc;}
.site1 ul li a{margin:0; padding:0;border:0;width:100%; display:block;  padding-left:2%;font-weight: normal; line-height:30px;}

.site1 ul li ul{ display:none;}


.search { width:100%; position: relative; float:left; background-color: #054477;height:56px;}

.yb_conct{ display:none;}
#site2{ margin:0; padding:0;width: 96%;height:auto;margin:2%; float:left;}

#indexnew1{ margin:0 auto; padding:0; width: 96%;height:auto;margin:2%;float:left;}
#indexnew2{ margin:0 auto; padding:0; width: 96%;height:auto;margin:2%; float:right;}


#indexabouttitle51{ margin:0 auto; padding:0; width: 96%;height:auto;margin:2%;float:left; }
#indexabouttitle52{ margin:0 auto; padding:0; width: 96%;height:auto;margin:2%;float:right; }

.about1{ margin:0 auto; padding:0; width:46%; height:auto; float:left; margin:2%;}

.friend{ display:none;}
.aboutleft{ margin:0 auto; padding:0; width: 96%;height:auto;margin:2%; float:left; position:relative;overflow:hidden;}

.aboutright{ margin:0 auto; padding:0; width: 96%;height:auto;margin:2%;}
    .ac-about li {
        width: 96%;
        margin: 2%;
        float: left;
        text-align: left
    }
.case-list li{ width: 95%;height:auto;margin:2%;position:relative; overflow:hidden; border:1px solid #f3f3f3;}

}
 @media screen and (max-width:480px) {

/* touch-menu */
	.touch-top-wrapper .touch-logo img {	height:30px;}
.touch-toggle li {	height:50px;	padding:0 10px;}
.touch-toggle li a {	height:50px;}
.touch-toggle li i {
	width:20px;
	height:20px;
	margin-top:15px;
}
/* 容器 */	.module-full-screen-title > .module-title-content > i {	width:40px;}
.module-horizontal .module-title-horizontal {	float:none;	margin-right:0;}
.module-title-horizontal .module-title-content {	margin:0 0 10px 0;}
.module-horizontal > .modult-inner > .module-more-horizontal {	margin:6px 0 0;}

.new_l .news dt{float:left;padding: 3px;border: 1px solid #e9e9e9; width:95%; float:left; margin:0 2% 0 2%; }
.new_l .news dd{ width:96%; float:left; margin:0 2% 0 2%;}
	 .product-list li { margin:0 auto; padding:0; width:96%; margin:2%; float:left;
	text-align:center;
}
.ixpro li {
    width: 100%;
    float: left;
}
#conzhenshu31{ margin:0 auto; padding:0; width:95%; height:auto; margin:2%; float:left; border:1px solid #f3f3f3;}


}